/* kaifanla css stylesheet */

body{
  margin-top:50px;
  position: relative;
}
/*重写ng-animate的钩子样式，自定义转场动画*/
.page{
  /*angular的animate模块支持c3动画和js动画*/
  transition: all 2s linear;
  position:absolute;
  width:100%;

  /*因为angular的animate模块提供了c3动画和js动画钩子
  我们只需要重写这些钩子样式即可实现自己想要的动画效果*/
  &.ng-leave{
    left: 0;
    opacity: 1;

    &.ng-leave-active{
      left: -100%;
      opacity: 0;
    }
  }

  &.page.ng-enter{
    left: 100%;
    opacity: 0;

    &.ng-enter-active{
      left: 0;
      opacity: 1;
    }
  }
}

.center{
  margin:0 auto 0;
}
.middle{
  vertical-align: middle;
}

.price{
  color:red;
  font-family: font-family;
  font-size: 20px;
}

.border-top{
  border-top:1px solid #ddd;
}


#main{

  button>img{
    height: 20px;
    width: 20px;
  }
}

#myorder{

  table{
    border:1px solid #ddd;

    td{
      vertical-align: middle;
    }
  }
}


/*footer 中的样式*/
.navbar-fixed-bottom{
  >.container>ul{
    width:100%;
    > li {
      width:33.3%;
      float:left;
      > a {
        width: 100%;
        height:100%;
        line-height: 100%;
        text-align:center;
      }
    }
  }
}